<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Stallion Enterprise</title>
<link rel="shortcut icon" type="image/x-icon" href="./images/icon.png" />
<link href="css/custom.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* demo page styles */

@charset "utf-8";
/* CSS Document */
a, a:visited{ color:#000; font-weight:bold; text-decoration:none; }
ul.navigation{ list-style:none; font: 0.75em/1.5em normal Tahoma, Verdana, Geneva, sans-serif; position:relative; margin:0; padding:0; }
ul.navigation li{ background:#ececec; margin:1px; height:1.5em; width:7em; padding:0.5em 0; text-align:center; display:block; float:left; position:relative; }
ul.navigation li a:hover{ color:#06C; }
ul.navigation li.highlight{ background:#666; }
ul.navigation li.highlight a, ul.navigation li.highlight a:hover { color:#f5f5f5; cursor:default; }

ul.navigation ul.childNav{ position:absolute; top:2.5em; left:0; list-style:none; margin:0; padding:0; }
ul.navigation ul.childNav li{ float:none; }
ul.navigation li.highlight ul.childNav a { color:#444; cursor:pointer; }
ul.navigation li.highlight ul.childNav a:hover{ color:#06c; }
ul.navigation li.highlight ul.childNav li.highlight{ background:#999; }
ul.navigation li.highlight ul.childNav li.highlight a, ul.navigation li.highlight ul.childNav li.highlight a:hover{ color:#fff }

.rice {
   color:black;
}

.rice:hover {
   color:white;
}

</style>
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script>
$(document).ready(function(){
  var str=location.href.toLowerCase();
    $('.navigation li a').each(function() {
      if (str.indexOf(this.href.toLowerCase()) > -1) {
				$("li.highlight").removeClass("highlight");
        $(this).parent().addClass("highlight"); 
      }
    }); 
  $('li.highlight').parents().each(function(){
	  if ($(this).is('li')){
		  $(this).addClass("highlight"); 
		}							  
  });
})
</script>
{block name=head}{/block}
</head>
<body>
<div class="pagesize">
  <div class="header">
    <div class="logo"><img src="images/logo.jpg"  alt=""/></div>
    
    <div class="example">
      <ul class="navigation">
        <li class="highlight"><a href="index.php">Home</a></li>
        <li><a href="product.php">Products</a>
          <ul class="childNav">
            <p> <a href="rice.php" class="rice">Rice</a></p><br />
            <p> <a href="soybean.php">Soybean</a></p><br />
            <p> <a href="cotton.php">Cotton</a></p><br />
            <p> <a href="yellowCorn.php">Yellow&nbsp;Corn</a></p><br />
            <p> <a href="millet.php">Millet</a></p><br />
            <p> <a href="sorghum.php">Sorghum</a></p><br />
            <p> <a href="groundnutKernels.php">Groundnut&nbsp;kernels</a></p><br />
            <p> <a href="nigerSeeds.php">Niger&nbsp;Seeds</a></p><br />
            <p> <a href="hms.php">Heavy&nbsp;Melting&nbsp;Steel</a></p><br />
            <p> <a href="#">Sesame</a></p>
              <ul>
                <li><a href="hulledSesameSeeds.php">Hulled&nbsp;Sesame&nbsp;Seeds&nbsp;</a></li>
                <li><a href="naturalWhiteSesameSeeds.php">Natural&nbsp;White&nbsp;Sesame&nbsp;Seeds</a></li>
                <li><a href="naturalBlackSesameSeeds.php">Natural&nbsp;Black&nbsp;Sesame&nbsp;Seeds</a></li>
              </ul>
            </p>
          </ul>
        </li>
        </li>
        <li><a href="groupOfCompanies.php">Group of Companies</a></li>
        <li><a href="leadershipBoard.php">Leadership Board</a></li>
        <li><a href="stageProcess.php">Stage Process</a></li>
        <li><a href="#">About Us </a></li>
        <li><a href="contactUs.php">Contact Us</a></li>
        <!--li><a href="stageProcess.php">stage Process</a></li-->
      </ul>
    </div>
  </div>
  <div class="clr"></div>
	<!-- body block start please fill your body contain add this block-->
	{block name=body}
	{/block}
	<!-- body block end please fill your body contain add this block-->
</div>
<div class="clr"></div>
<div class="bottom">
  <div class="footer">
    <div class="footerline"></div>
    <div class="ftleft"  align="center">
      <ul>
        <li><a href="index.php" class="first">Home</a></li>
        <li><a href="product.php">Products</a></li>
        <li><a href="groupOfCompanies.php">Group of Companies</a></li>
        <li><a href="leadershipBoard.php">Leadership Board</a></li>
        <li><a href="stageProcess.php">Stage Process</a></li>
        <li><a href="#">About Us </a></li>
        <li><a href="contactUs.php">Contact Us</a></li>
        <li><a href="myDoc.php">Documents</a></li>
        <!--<li><a href="uploadDoc.php">Upload Documents</a></li>-->
        {if $s_activIds > 0}
        <li><a href="changePwd.php">Chage Password</a></li>
        <li class="last"><a href="logout.php">Logout</a></li>
        {else}
          <li class="last"><a href="checkLogin.php">Login</a></li>
        {/if}
      </ul>
      <div class="copyright" align="center">© Copyright 2013 Stallion. All Right Reserved.</div>
    </div>
    <div class="ftright">
      <a href="http://fb.com/stallionenterprise" target="_blank"><img src="images/fb.png" alt="fb.com/stallionenterprise" /></a>&nbsp;
    	<a href="https://twitter.com/iamatty" target="_blank"> <img src="images/tw.png" alt="" /></a>&nbsp;
      <a href="http://www.linkedin.com/profile/view?id=284599439&trk=nav_responsive_tab_profile" target="_blank"><img src="images/li.png" alt="" /></a>
      <a href="https://plus.google.com/u/0/communities/105809734919625114840" target="_blank"><img src="images/gp.png" alt="" /></a>
     </div>
  </div>
</div>
</body>
</html>
